<template>
    <div class="slowly-search">
        <input type="text" placeholder="请输入商品">
        <button>搜索</button>
    </div>
</template>
<script>
export default {
    name:"Search"
}
</script>
<style  scoped>
.slowly-search {
  width: 100%;
  height: 40px;
  margin-top: 6px;
  box-shadow: 0 0 2px gray;
}
.slowly-search input {
  width: 80%;
  height: 30px;
  line-height: 30px;
  border: 1px solid red;
  border-radius: 10px;
  background: #f1f1f1;
  font-size:20px;
  color: white;
}
.slowly-search button {
  width: 18%;
  height: 35px;
  background: #ff841d;
  color: #FFF;
  border-radius: 5px;
  font-size: 20px;
}
</style>